<!doctype html>
<html lang="en" class="h-100 {{data.pageCssClass}} {{ data.sidebarClass }}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="{{ data.metaDescription }}">
    <meta name="generator" content="SonicJs">
    <meta name="version" content="{{ data.appVersion }}">
    <link rel="icon" href="/assets/img/favicon.ico">
    <title>{{data.metaTitle}}</title>

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{data.siteSettings.fontHeaders}}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{data.siteSettings.fontDefault}}">
    <style>
      body,
      p {
        font-family: '{{data.siteSettings.fontDefault}}',
        serif !important;
      }
  
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: '{{data.siteSettings.fontHeaders}}',
        serif;
      }
    </style>
    
    {{{data.cssLinks}}}

    {{#if data.showPageBuilder}}
    <link href="/page-builder/css/page-builder.css" rel="stylesheet">
    {{/if}}

    {{{ data.headerJs }}}

  </head>

  <body class="d-flex flex-column h-100">
    
    <input type="hidden" id="page-id" name="page-id"  value="{{data.id}}">
    <input type="hidden" id="sessionID" value="{{data.sessionID}}"/>
    <input type="hidden" id="theme"  value="bootstrap5"/>

<header>

  {{#if data.preHeader}}
    {{{ data.preHeader }}}
  {{/if}}
  
  {{> menu level='1'}}

</header>

<main class="flex-shrink-0">

  {{#if data.showPageBuilder}}
  {{> page-builder }}
  {{/if}}

  {{{body}}}

</main>

<!-- <footer class="footer mt-auto py-3 bg-light">
  <div class="container">
    <span class="text-muted">{{ data.themeSettings.footerText }}</span>
  </div>
</footer> -->

<footer class="site-footer section">
  <div class="container pb-3">
    <!-- <div class="row gap-y text-center text-md-left">
      <div class="col-md-4 mr-auto">
        <img src="img/logo.png" alt="" class="logo" />
        <p>
          Dashcore, a carefully crafted and powerful HTML5 template, it's
          perfect to showcase your startup or software
        </p>
      </div>
      <div class="col-md-2">
        <h6 class="py-2 bold">Company</h6>
        <nav class="nav flex-column">
          <a class="nav-item py-2" href="about.html">About</a>
          <a class="nav-item py-2" href="#">Services</a>
          <a class="nav-item py-2" href="blog/blog-grid.html">Blog</a>
        </nav>
      </div>
      <div class="col-md-2">
        <h6 class="py-2 bold">Product</h6>
        <nav class="nav flex-column">
          <a class="nav-item py-2" href="#">Features</a>
          <a class="nav-item py-2" href="#">API</a>
          <a class="nav-item py-2" href="#">Customers</a>
        </nav>
      </div>
      <div class="col-md-2">
        <h6 class="py-2 bold">Channels</h6>
        <nav class="nav flex-column">
          <a class="nav-item py-2" href="#">Careers</a>
          <a class="nav-item py-2" href="#">Contact</a>
          <a class="nav-item py-2" href="#">Search</a>
        </nav>
      </div>
    </div> -->
    <hr class="mt-5" />
    <div class="row small">
      <div class="col-md-4">
        <h6 class="mt-2 mb-md-0 text-secondary text-md-left">
          © 2022 SonicJs. All Rights Reserved
        </h6>
      </div>
      <div class="col-md-8">
        <nav class="nav justify-content-center justify-content-md-end">
          <a
          href="https://github.com/lane711/sonicjs"
          target="_blank"
          class="btn btn-circle btn-sm btn-primary mx-1"
          ><i class="bi bi-github"></i
        ></a>
          <a
            href="https://www.youtube.com/channel/UCm_B7S9smSvtrv0nAt2vrqw"
            target="_blank"
            class="btn btn-circle btn-sm btn-primary mx-1"
            ><i class="bi bi-youtube"></i
          ></a>
          <a
            href="https://www.facebook.com/SonicJs-Nodejs-CMS-113052493788728"
            target="_blank"
            class="btn btn-circle btn-sm btn-primary mx-1"
            ><i class="bi bi-facebook"></i
          ></a>
          <a href="https://twitter.com/SonicJs1" class="btn btn-circle btn-sm btn-primary mx-1"
          target="_blank"
            ><i class="bi bi-twitter"></i
          ></a>
        </nav>
      </div>
    </div>
  </div>
</footer>

{{{data.jsLinks}}}
      
  </body>

    <!-- Formio Generic Modal -->
    <div class="modal fade" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">New Page</h5>
          <button type="button" class="close" data-{{data.themeSettings.bootstrapToggleMiddle}}dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

          <input type="hidden" id="block-edit-it">
          <div id="editor-container">

            <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

            <div id="formio"></div>

          </div>

        </div>
      </div>
    </div>
    </div>

</html>

